﻿<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>未来科技 v.π²</title>
    <link id="icon" rel="icon" href="favicon.ico" type="image/x-icon" />

    <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
    <link rel="stylesheet" href="app.css" type="text/css" />
    <script src="zh.js"></script>
    <script src="jquery.js" ></script>
    <script src="events.js" ></script>
    <script src="spells.js" ></script>
    <script src="seeds.js"></script>
    <script src="adventure.js" defer></script>
    <script src="equipment_data.js" defer></script>
    <script src="location_data.js" defer></script>
    <script src="alchemy.js" defer></script>
    <script src="challenges.js"></script>
    <script src="tower.js"></script>

    <script src="swarm-numberformat.min.js"></script>
    <script src="app.js" ></script>

    <style id="color_theme"></style>
</head>
<body class="bgc fgc">
    <div style="font-size: small; position:absolute; top: 0;">
        <a id="version" href="changelog.txt" target="_blank" class="fgc">?.?.?</a> |

        <span id="music"></span>
        <a href="#" onclick="$('#settings').toggleClass('hidden');" style="text-decoration: none;" class="fgc">设置相关</a>
        
        <span style="position: absolute; left: 42em; top: 0em; white-space: nowrap">购买数量: <input id="buy_amount" class="fgc bgc_second" style="border: none; width: 4em;" type="number" min="0"/></span>
        <span id="upgrade_count" class="tooltip" style="position: absolute; left: 55em; top: 0; white-space: nowrap;">
            <span id="num_upgrades"></span>
            <span id="purchased_upgrades" class="tooltiptext fgc bgc_second">已购买升级:</span>
        </span>
        <span id="save_text" class="fgc" style="position: absolute; left: 63em; top: 0;">已保存!</span>

    </div>
    <div id="resource_bar">
        <div id="time" class="hidden" style="padding-bottom: .3em; border-bottom-color: blue;">
            <span style="color: #35f; text-shadow: coral 1px 0px 15px; vertical-align: middle;">离线时间: 0</span>
            <span id="time_toggle" class="res_gen" onclick="toggle_time()" style="margin: .1em; padding: .1em; padding-top: 0; border: 1px solid; border-radius: 3px;">
                时间加速
            </span>
            <br />
        </div>
        <div id="refined_mana" class="hidden" style="padding-bottom: .3em; border-bottom-color: red;">
            <span style="color: red; text-shadow: deepskyblue 1px 1px 10px; vertical-align: middle;">精炼法力: 0</span>
            <span class="res_gen " onclick="if(resources['refined_mana'].amount < 250) {alert('你需要有250精练法力。');return;} else if (!$('#events').hasClass('hidden')) { alert('已经有一个事件发生了!'); return; } if (confirm('试着强迫一个事件发生，消耗250精炼法力?')) { resources['refined_mana'].amount -= 250; handle_event(false); }" style="margin: .1em; padding: .1em; padding-top: 0; border: 1px solid; border-radius: 3px;">
                强制事件
            </span>
            <br />
        </div>
        <div id="purified_mana" class="hidden" style="padding-bottom: .3em; border-bottom-color: darkred;">
            <span style="color: darkred; text-shadow: skyblue 0px 0px 7px; vertical-align: middle;">净化魔法: 0</span>
            <span class="res_gen " onclick="choose_event()" style="margin: .1em; padding: .1em; padding-top: 0; border: 1px solid; border-radius: 3px;">
                选择事件
            </span>
            <br />
        </div>
        <div id="fuel" class="hidden" style="padding-bottom: .3em; border-bottom-color: greenyellow;">
            <span style="color: greenyellow; text-shadow: yellow 1px 0px 10px; vertical-align: middle;">精致的法力: 0</span>
            <span class="res_gen " onclick="if (adventure_data['challenge']) challenge_menu(); else start_adventure();" style="margin: .1em; padding: .1em; padding-top: 0; border: 1px solid; border-radius: 3px;">
                冒险
            </span>
            <br />
        </div>
        <div id="magic_bag" class="hidden" style="padding-bottom: .3em; border-bottom-color: white;">
            <span style="color: white; text-shadow: yellow 1px 0px 10px; vertical-align: middle;">Bag: 0</span>
            <span class="res_gen" onclick="perm_bag()" style="margin: .1em; padding: .1em; padding-top: 0; border: 1px solid; border-radius: 3px;">
                Look Inside
            </span>
            <br />
        </div>
        <div id="essence" class="hidden" style="padding-bottom: .3em; border-bottom-color: lightblue;">
            <span style="color: lightblue; text-shadow: blue 1px 0px 10px; vertical-align: middle;">Essence: 0</span>
            <span class="res_gen" onclick="tower()" style="margin: .1em; padding: .1em; padding-top: 0; border: 1px solid; border-radius: 3px;">
                Tower
            </span>
            <br />
        </div>
        <div id="Ω" class="hidden" style="color: antiquewhite"><span></span><br /></div>
        <div id="mana" class="hidden" style="color: mediumpurple"><span></span><br /></div>
        <div id="energy" class="hidden" style="color: gold"><span></span><br /></div>
        <div id="research" class="hidden" style="color: deepskyblue;"><span></span><br /></div>
        <div id="manager" class="hidden" style="color: tan;"><span></span><br /></div>
        <div id="sludge" class="hidden" style="color: brown;"><span></span><br /></div>

        <div id="money" class="hidden"><span>钱: 0</span><span id="money_per_sec" class="res_gen">Making 1 per second.</span><br /></div>
        <div id="stone" class="hidden"><span>石头: 0<br /></span><span id="stone_per_sec" class="res_gen">Making 0 per second.</span><br /></div>
        <div id="wood" class="hidden"><span>木头: 0<br /></span><span id="wood_per_sec" class="res_gen">Making 0 per second.</span><br /></div>
        <div id="iron_ore" class="hidden"><span>铁矿石: 0<br /></span><span id="iron_ore_per_sec" class="res_gen">Making 0 per second.</span><br /></div>
        <div id="coal" class="hidden"><span>煤: 0<br /></span><span id="coal_per_sec" class="res_gen">Making 0 per second.</span><br /></div>
        <div id="iron" class="hidden"><span>铁: 0<br /></span><span id="iron_per_sec" class="res_gen">Making 1 per second.</span><br /></div>
        <div id="gold" class="hidden"><span>黄金: 0<br /></span><span id="gold_per_sec" class="res_gen">Making 1 per second.</span><br /></div>
        <div id="diamond" class="hidden"><span>钻石: 0<br /></span><span id="diamond_per_sec" class="res_gen">Making 1 per second.</span><br /></div>
        <div id="jewelry" class="hidden"><span>珠宝: 0<br /></span><span id="jewelry_per_sec" class="res_gen">Making 1 per second.</span><br /></div>
        <div id="oil" class="hidden"><span>石油: 0<br /></span><span id="oil_per_sec" class="res_gen">Making 1 per second.</span><br /></div>
        <div id="paper" class="hidden"><span>纸: 0<br /></span><span id="paper_per_sec" class="res_gen">Making 1 per second.</span><br /></div>
        <div id="ink" class="hidden"><span>墨水: 0<br /></span><span id="ink_per_sec" class="res_gen">Making 1 per second.</span><br /></div>
        <div id="book" class="hidden"><span>书: 0<br /></span><span id="book_per_sec" class="res_gen">Making 1 per second.</span><br /></div>
        <div id="sand" class="hidden"><span>沙子: 0<br /></span><span id="sand_per_sec" class="res_gen">Making 1 per second.</span><br /></div>
        <div id="glass" class="hidden"><span>玻璃: 0<br /></span><span id="glass_per_sec" class="res_gen">Making 1 per second.</span><br /></div>
        <div id="water" class="hidden"><span>水: 0<br /></span><span id="water_per_sec" class="res_gen">Making 1 per second.</span><br /></div>
        <div id="hydrogen" class="hidden"><span>氢: 0<br /></span><span id="hydrogen_per_sec" class="res_gen">Making 1 per second.</span><br /></div>
        <div id="steel_beam" class="hidden"><span>钢梁: 0<br /></span><span id="steel_beam_per_sec" class="res_gen">Making 1 per second.</span><br /></div>
        <div id="uranium" class="hidden"><span>铀: 0<br /></span><span id="uranium_per_sec" class="res_gen">Making 1 per second.</span><br /></div>
        <div><a href="http://castle.chirpingmustard.com/castle.html" tabindex="-1" target="_blank" style="text-decoration: none;" class="fgc"><div id="sandcastle" class="hidden"><span>沙堡: 0<br /></span><span id="sandcastle_per_sec" class="res_gen"></span><br /></div></a></div>
        <div id="glass_bottle" class="hidden"><span>玻璃瓶: 0<br /></span><span id="glass_bottle_per_sec" class="res_gen"></span><br /></div>
        <div id="mithril" class="hidden"><span>秘银: 0<br /></span><span id="mithril_per_sec" class="res_gen"></span><br /></div>
        <div id="void" class="hidden"><span style="color: gray">虚空: 0<br /></span><span id="void_per_sec" class="res_gen"></span><br /></div>

    </div>
    <div id="buildings">
        <div id="potion" class="hidden">
            <div class="building">
                当前药水: <span id="current_potion">什么都没有</span><span id="potion_time" class="building_amount">0</span><br/>
                效果: <span id="potion_effect">无</span>
            </div>
            <hr />
        </div>
        <div class="hidden">
            <span class="building bgc_second" onclick="$('#pc_box').toggleClass('hidden');$('#rule_data').html('');">生产控制</span>
            <div id="pc_box" class="hidden" style="z-index: 2; position: absolute; left: -15.5em;">
                <div class="clickable fgc bgc_second" style="width: 45em; position: relative; display: flex; z-index: 1">
                    <div id="rule_names" style="width: 15em; border-right: solid 1px;"></div>
                    <div id="rule_data" style="width: 30em; text-align: center;">
                    </div>
                </div>
            </div>

            <span id="autobuild_unlock" class="building bgc_second hidden" onclick="$('#autobuild_box').toggleClass('hidden'); draw_autobuild();">AutoBuild</span>
            <div id="autobuild_box" class="hidden" style="z-index: 1; position: absolute; left: -3em;">
                <div id="autobuild_items" class="clickable fgc bgc_second" style="width: 25em; min-height: 20em; position: relative; z-index: 1"></div>
            </div>
            <hr />
        </div>
        <div id="spells" class="hidden">
            <div style="position: relative">
                <span id="building_s_manastone" class="building tooltip" style="color: mediumpurple;" aria-describedby="tooltip_s_manastone" role="button">
                    <span class="building_name"><span class="building_prefix"></span>法力石</span>
                    <span class="building_amount">0</span>
                    <span id="tooltip_s_manastone" class="tooltiptext fgc bgc_second">每个石头产生1点法力.</span>
                </span>
            </div>
            <div style="position: relative">
                <span id="building_s_essence" class="building tooltip" style="color: lightblue;" aria-describedby="tooltip_s_essence" role="button"><span class="building_name"><span class="building_prefix"></span>精华</span><span class="building_amount">0</span><span id="tooltip_s_manastone" class="tooltiptext fgc bgc_second">纯魔法精华。为大多数资源提供了动力。</span></span>
            </div>
            <div style="position: relative">
                <span id="building_s_mana_refinery" class="building tooltip" style="color: #33f;" onclick="s_refinery(parseInt($('#buy_amount').val()))" aria-describedby="tooltip_s_mana_refinery" role="button"><span class="building_name"><span class="building_prefix"></span>法力精炼</span><span class="building_amount">1</span><span id="tooltip_s_mana_refinery" class="tooltiptext fgc bgc_second">将你的法力精炼为水晶形态.</span></span>
            </div>
            <div style="position: relative">
                <span id="building_s_goldboost" class="building tooltip" style="color: gold;" aria-describedby="tooltip_s_goldboost" role="button"><span class="building_name"><span class="building_prefix"></span>贪婪</span><span class="building_amount"></span><span id="tooltip_s_goldboost" class="tooltiptext fgc bgc_second">使用2点法力，但加倍净金钱和黄金收益.</span></span>
                <button id="toggle_s_goldboost" class="building_state_off fgc" onclick="toggle_building_state('s_goldboost')">关闭</button>
            </div>
            <div style="position: relative" class="hidden">
                <span id="building_s_energyboost" class="building tooltip" style="color: plum;" aria-describedby="tooltip_s_energyboost" role="button">
                    <span class="building_name"><span class="building_prefix"></span>奇迹转换器</span>
                    <span class="building_amount">1</span>
                    <span style="float: right; color: green;" onclick="purchase_building('s_energyboost');">&nbsp;+&nbsp;</span>
                    <span style="float: right; color: red;" onclick="destroy_building('s_energyboost');">&nbsp;-&nbsp;</span>
                    <span id="tooltip_s_energyboost" class="tooltiptext fgc bgc_second">法力转化为能量。 <br/>每一种能量需要3点法力。 </span>
                </span>
                <button id="toggle_s_energyboost" class="building_state_off fgc" onclick="toggle_building_state('s_energyboost')">关闭</button>
            </div>
            <div style="position: relative">
                <span id="building_s_trade" class="building tooltip" style="color: moccasin;"><span class="building_name" aria-describedby="tooltip_s_trade" role="button"><span class="building_prefix"></span>市场入口</span><span class="building_amount">6</span><span id="tooltip_s_trade" class="tooltiptext fgc bgc_second">使用6点魔法打开一个通往多维空间市场的传送门。那里可能有什么?<br/>(注意:拥有更多的法力可以使交易更好)</span></span>
                <button id="toggle_s_trade" class="building_state_off fgc" onclick="toggle_building_state('s_trade')">关闭</button>
            </div>
            <div style="position: relative">
                <span id="building_s_startboost" class="building tooltip" style="color: darkgreen;" aria-describedby="tooltip_s_startboost" role="button"><span class="building_name"><span class="building_prefix"></span>提升</span><span class="building_amount">25</span><span id="tooltip_s_startboost" class="tooltiptext fgc bgc_second">使用25法力来产生资源.</span></span>
                <button id="toggle_s_startboost" class="building_state_off fgc" onclick="toggle_building_state('s_startboost')">关闭</button>
            </div>
            <div style="position: relative">
                <span id="building_s_time_magic" class="building tooltip" style="color: cyan;" aria-describedby="tooltip_s_time_magic" role="button">
                    <span class="building_name"><span class="building_prefix"></span>时光倒流</span>
                    <span class="building_amount">25</span>
                    <span id="tooltip_s_time_magic" class="tooltiptext fgc bgc_second">使用法力使时间以两倍的速度流逝。</span>
                </span>
                <button id="toggle_s_time_magic" class="building_state_off fgc" onclick="toggle_building_state('s_time_magic')">关闭</button>
            </div>
            <div style="position: relative">
                <span id="building_s_workshop" class="building" style="color: dimgrey;" aria-describedby="tooltip_s_workshop" role="button">
                    <span class="building_name"><span class="building_prefix"></span>制造业</span>
                    <span class="tooltip">
                        (?)
                        <span id="tooltip_s_workshop" class="tooltiptext fgc bgc_second">
                            可以构建各种不同的项目. <br />---<br />
                            <span id="workshop_prod">???</span>
                        </span>
                    </span>
                    <select id="workshop_select" class="fgc bgc_second" onchange="s_workshop(this.value);">
                        <option value="iron">提取铁</option>
                        <option value="wood">种木头</option>
                        <option value="glass">熔炼玻璃</option>
                        <option value="steel">锻钢</option>
                    </select>
                    <span class="building_amount">50</span>
                </span>
                <button id="toggle_s_workshop" class="building_state_off fgc" onclick="toggle_building_state('s_workshop')">关闭</button>
            </div>
            <div style="position: relative">
                <span id="building_s_time_maker" class="building tooltip" style="color: aquamarine;" aria-describedby="tooltip_s_time_maker" role="button"><span class="building_name"><span class="building_prefix"></span>通量电容器</span><span class="building_amount">100</span><span id="tooltip_s_time_maker" class="tooltiptext fgc bgc_second">回到过去，然后给你时间。</span></span>
                <button id="toggle_s_time_maker" class="building_state_off fgc" onclick="toggle_building_state('s_time_maker')">关闭</button>
            </div>
            <div style="position: relative" class="">
                <div id="building_s_workshop_2" class="building" style="color: lightslategrey; height: 2.5em;" onclick="$('#workshop_option_bar').toggleClass('hidden');" aria-describedby="tooltip_s_workshop_2" role="button">
                    <span class="building_name">
                        <span class="building_prefix"></span>
                        工作台
                    </span>
                    <span class="tooltip">
                        (?)
                        <span id="tooltip_s_workshop_2" class="tooltiptext fgc bgc_second">
                            你可以在这里建造各种东西。 当你在游戏中前进时，会有更多项目可用，但你必须打开这个法术才能看到它们。
                        </span>
                    </span>
                    <span class="building_amount">200</span>
                    <span id="workshop_progress_bar" class="clickable" style="position: absolute; left: 0; top: 1.7em; width: 17.5em; height: .5em; background-color: green;"></span>
                    <div id="workshop_option_bar" class="hidden fgc" onclick="event.stopPropagation()" style="position: absolute; top: 2.5em; left: 0; z-index: 1;">
                        <div class="clickable bgc_second" style="max-width: none; width: 20.5em;">
                            <table>
                                <tbody>
                                    <tr>
                                        <td class="clickable" onclick="s_workshop_set('glass')">(50) 玻璃</td>
                                        <td>100 沙子</td>
                                        <td>5秒</td>
                                    </tr>
                                    <tr>
                                        <td class="clickable" onclick="s_workshop_set('steel_beam')">(25) 钢梁</td>
                                        <td>500 铁<br />500 煤炭</td>
                                        <td>10秒</td>
                                    </tr>
                                    <tr>
                                        <td class="clickable" onclick="s_workshop_set('ink')">(50) 墨水</td>
                                        <td>50 石油</td>
                                        <td>10秒</td>
                                    </tr>
                                    <tr>
                                        <td class="clickable" onclick="s_workshop_set('money')">(1500) 钱</td>
                                        <td>10 黄金</td>
                                        <td>15秒</td>
                                    </tr>
                                </tbody>
                                <tbody id="workshop_adv" class="hidden">
                                    <tr><td colspan="3" align="center">探险补给</td></tr>
                                    <tr>
                                        <td class="clickable" onclick="s_workshop_set('machine_part')">(1) 机械零件</td>
                                        <td>10 铁</td>
                                        <td>2分30秒</td>
                                    </tr>
                                    <tr>
                                        <td class="clickable" onclick="s_workshop_set('basic_weapon')">(1) 小型激光</td>
                                        <td>1,000 铁</td>
                                        <td>5分钟</td>
                                    </tr>
                                    <tr>
                                        <td class="clickable" onclick="s_workshop_set('time_engine')">(1) 曲速驱动</td>
                                        <td>15 燃料<br />3 机械零件 <br />1 魔法球(时间)</td>
                                        <td>10分钟</td>
                                    </tr>
                                    <tr id="workshop_cannon" class="hidden">
                                        <td class="clickable" onclick="s_workshop_set('cannon')">(1) 加农炮</td>
                                        <td>150K Iron<br />100 铀<br />150 能源</td>
                                        <td>10分钟</td>
                                    </tr>
                                    <tr id="workshop_const_shield" class="hidden">
                                        <td class="clickable" onclick="s_workshop_set('const_shield')">密银电镀</td>
                                        <td>5,000 秘银<br />5,000 钢梁<br />250K 铁</td>
                                        <td>20分钟</td>
                                    </tr>
                                    <tr id="workshop_shard" class="hidden">
                                        <td class="clickable" onclick="s_workshop_set('dimension_shard')">维度碎片</td>
                                        <td>所有东西</td>
                                        <td>???</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <button id="toggle_s_workshop_2" class="building_state_off fgc" onclick="toggle_building_state('s_workshop_2')">关闭</button>
            </div>
            <div style="position: relative" class="">
                <div id="building_s_enchantment" class="building" style="color: turquoise; height: 2.5em;" onclick="$('#enchantment_option_bar').toggleClass('hidden');" aria-describedby="tooltip_s_enchantment" role="button">
                    <span class="building_name"><span class="building_prefix"></span>附魔桌</span>
                    <span class="tooltip">
                        (?)
                        <span id="tooltip_s_enchantment" class="tooltiptext fgc bgc_second">
                            它就像一个工作室，但是有不同的东西。另外，奖励的大小取决于你拥有的东西，所以你需要点击绿色完成选项来认领它。
                        </span>
                    </span>
                    <span class="building_amount">500</span>
                    <span id="enchantment_progress_bar" class="clickable" style="position: absolute; left: 0; top: 1.7em; width: 17.5em; height: .5em; background-color: green;"></span>
                    <div id="enchantment_option_bar" class="hidden fgc" onclick="event.stopPropagation()" style="position: absolute; top: 2.5em; left: 0; z-index: 1;">
                        <div class="clickable bgc_second" style="max-width: none; width: 20.5em;">
                            <table>
                                <tbody>
                                    <tr id="enchant_money">
                                        <td class="clickable" onclick="s_enchant_set('money')">贪婪的锅</td>
                                        <td>钱, 黄金</td>
                                        <td>1小时</td>
                                        <td>(法力)</td>
                                    </tr>
                                    <tr id="enchant_energy">
                                        <td class="clickable" onclick="s_enchant_set('energy')">电池</td>
                                        <td>能源</td>
                                        <td>3小时</td>
                                        <td>(研究)</td>
                                    </tr>
                                    <tr id="enchant_research">
                                        <td class="clickable" onclick="s_enchant_set('research')">无所不知</td>
                                        <td>研究</td>
                                        <td>24小时</td>
                                        <td>(法力)</td>
                                    </tr>
                                    <tr id="enchant_mana">
                                        <td class="clickable" onclick="s_enchant_set('mana')">法术专精</td>
                                        <td>+1 法力石</td>
                                        <td>24h</td>
                                        <td>(+1 总是)</td>
                                    </tr>
                                    <tr id="enchant_tokens">
                                        <td class="clickable" onclick="s_enchant_set('tokens')">赌博</td>
                                        <td>赌场代币!</td>
                                        <td>12h</td>
                                        <td>(钱)</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <button id="toggle_s_enchantment" class="building_state_off fgc" onclick="toggle_building_state('s_enchantment')">关闭</button>
            </div>

            <div style="position: relative;" class="">
                <span id="building_s_ai" class="building" style="color: fuchsia;" aria-describedby="tooltip_s_ai" role="button">
                    <span class="building_name"><span class="building_prefix"></span>AI 单位</span>
                    <span class="tooltip">
                        (?)
                        <span id="tooltip_s_ai" class="tooltiptext fgc bgc_second">
                            它可以为你管理东西。
                        </span>
                    </span>
                    <span class="building_amount">100</span>
                </span>
                <button id="toggle_s_ai" class="building_state_off fgc" onclick="toggle_building_state('s_ai')">关闭</button>
            </div>
            <div style="position: relative;" class="">
                <span id="building_s_autoessence" class="building tooltip" style="color: lightblue;" aria-describedby="tooltip_s_autoessence" role="button">
                    <span class="building_name">
                        <span class="building_prefix"></span>
                        Essence Compressor
                    </span>
                    <span id="tooltip_s_autoessence" class="tooltiptext fgc bgc_second">
                        It turns mana into essence. Yay!
                    </span>
                    <span class="building_amount">100</span>
                </span>
                <button id="toggle_s_autoessence" class="building_state_off fgc" onclick="toggle_building_state('s_autoessence')">Off</button>
            </div>

            <div style="position: relative;" class="hidden">
                <span id="building_s_final" class="building tooltip" style="color: fuchsia; text-shadow: #0FF 1px 0px 10px;" onclick="s_final_upgrade()" aria-describedby="tooltip_s_final" role="button">
                    <span class="building_name"><span class="building_prefix"></span>Mavrith's Temple</span>
                    <span class="building_amount">500</span>
                    <span id="tooltip_s_final" class="tooltiptext fgc bgc_second">Mavrith's Temple</span>
                </span>
                <button id="toggle_s_final" class="building_state_off fgc" onclick="toggle_building_state('s_final')">关闭</button>
            </div>

            <!-- Challenge building, should never be shown. Here so that the production values on resources can grab it's name. -->
            <div style="position: relative; display: none;" class="">
                <span id="building_s_challenge" class="building tooltip" style="color: fuchsia; text-shadow: #0FF 1px 0px 10px;" aria-describedby="tooltip_s_challenge">
                <span class="building_name"><span class="building_prefix"></span>挑战</span>
                <span class="building_amount">1</span><span id="tooltip_s_challenge" class="tooltiptext fgc bgc_second">Hmm, you shouldn't see this.</span></span>
            </div>
            <hr />
        </div>

        <!-- Base production -->
        <div style="position: relative">
            <button onclick="destroy_building('bank')" class="building_remove bgc" aria-label="Destroy Bank">X</button>
            <span id="building_bank" class="building tooltip" onclick="purchase_building('bank');" aria-describedby="tooltip_bank" role="button">
                <span class="building_name"><span class="building_prefix"></span>银行</span>
                <span class="building_amount">0</span>
                <span id="tooltip_bank" role="tooltip" class="tooltiptext fgc bgc_second" onclick="event.stopPropagation()">每秒生产1块钱<br/> 成本10金钱.</span>
            </span>
            <button id="toggle_bank" class="building_state_on fgc" onclick="toggle_building_state('bank')">On</button>
        </div>
        <div style="position: relative" class="hidden">
            <button onclick="destroy_building('oil_well')" class="building_remove bgc" aria-label="Destroy Oil Well">X</button>
            <span id="building_oil_well" class="building tooltip" onclick="purchase_building('oil_well');" aria-describedby="tooltip_oil_well" role="button">
                <span class="building_name"><span class="building_prefix"></span>油井</span>
                <span class="building_amount">0</span>
                <span id="tooltip_oil_well" role="tooltip" class="tooltiptext fgc bgc_second" onclick="event.stopPropagation()">每秒生成1个油.<br /> 花费 1000 钱, 100 石头, 500 铁.</span>
            </span>
            <button id="toggle_oil_well" class="building_state_on fgc" onclick="toggle_building_state('oil_well')">On</button>
        </div>
        <div style="position: relative" class="hidden">
            <button onclick="destroy_building('library')" class="building_remove bgc" aria-label="Destroy Library">X</button>
            <span id="building_library" class="building tooltip" onclick="purchase_building('library');" aria-describedby="tooltip_library" role="button">
                <span class="building_name"><span class="building_prefix"></span>图书馆</span>
                <span class="building_amount">0</span>
                <span id="tooltip_library" class="tooltiptext fgc bgc_second" onclick="event.stopPropagation()">每秒生成一个研究点.<br /> 花费 500 钱, 500 木头, 50 铁, 10 书.</span>
            </span>
            <button id="toggle_library" class="building_state_on fgc" onclick="toggle_building_state('library')">On</button>
        </div>
        <div style="position: relative" class="hidden">
            <button onclick="destroy_building('water_purifier')" class="building_remove bgc" aria-label="Destroy Water Purifier">X</button>
            <span id="building_water_purifier" class="building tooltip" onclick="purchase_building('water_purifier');" aria-describedby="tooltip_water_purifier" role="button">
                <span class="building_name"><span class="building_prefix"></span>净水器</span>
                <span class="building_amount">0</span>
                <span id="tooltip_water_purifier" class="tooltiptext fgc bgc_second" onclick="event.stopPropagation()">每秒产生1水<br /> 花费 500 钱, 500 石头, 500 沙子, 100 玻璃.</span>
            </span>
            <button id="toggle_water_purifier" class="building_state_on fgc" onclick="toggle_building_state('water_purifier')">On</button>
        </div>
        <div style="position: relative" class="hidden">
            <button onclick="destroy_building('skyscraper')" class="building_remove bgc" aria-label="Destroy Skyscraper">X</button>
            <span id="building_skyscraper" class="building tooltip" onclick="purchase_building('skyscraper');" aria-describedby="tooltip_skyscraper" role="button">
                <span class="building_name"><span class="building_prefix"></span>摩天大楼</span>
                <span class="building_amount">0</span>
                <span id="tooltip_skyscraper" class="tooltiptext fgc bgc_second" onclick="event.stopPropagation()">产生1管理员<br /> 这里应该自动填充 </span>
            </span>
            <button id="toggle_skyscraper" class="building_state_on fgc" onclick="toggle_building_state('skyscraper')">On</button>
        </div>
        <br />

        <!-- Energy Generators -->
        <div style="position: relative" class="hidden">
            <button onclick="destroy_building('oil_engine')" class="building_remove bgc" aria-label="Destroy Oil-burning Engine">X</button>
            <span id="building_oil_engine" class="building tooltip" onclick="purchase_building('oil_engine');" aria-describedby="tooltip_oil_engine" role="button">
                <span class="building_name"><span class="building_prefix"></span>燃油引擎</span>
                <span class="building_amount">0</span>
                <span id="tooltip_oil_engine" class="tooltiptext fgc bgc_second" onclick="event.stopPropagation()">每秒消耗1石油，生产1能源<br /> 花费 500 钱, 200 铁.<br /> 花费 500 钱, 200 铁.</span>
            </span>
            <button id="toggle_oil_engine" class="building_state_on fgc" onclick="toggle_building_state('oil_engine')">On</button>
        </div>
        <div style="position: relative" class="hidden">
            <button onclick="destroy_building('solar_panel')" class="building_remove bgc"aria-label="Destroy Solar Panel">X</button>
            <span id="building_solar_panel" class="building tooltip" onclick="purchase_building('solar_panel');" aria-describedby="tooltip_solar_panel" role="button">
                <span class="building_name"><span class="building_prefix"></span>太阳能板</span>
                <span class="building_amount">0</span>
                <span id="tooltip_solar_panel" class="tooltiptext fgc bgc_second" onclick="event.stopPropagation()"></span>
            </span>
            <button id="toggle_solar_panel" class="building_state_on fgc" onclick="toggle_building_state('solar_panel')">开启</button>
        </div>
        <div style="position: relative" class="hidden">
            <button onclick="destroy_building('hydrogen_burner')" class="building_remove bgc"aria-label="Destroy Hydrogen Engine">X</button>
            <span id="building_hydrogen_burner" class="building tooltip" onclick="purchase_building('hydrogen_burner');" aria-describedby="tooltip_hydrogen_burner" role="button">
                <span class="building_name"><span class="building_prefix"></span>氢发动机</span>
                <span class="building_amount">0</span>
                <span id="tooltip_hydrogen_burner" class="tooltiptext fgc bgc_second" onclick="event.stopPropagation()">每秒消耗20氢气，生产10能源，生产7水。<br /> 花费 2500 钱, 500 铁.</span>
            </span>
            <button id="toggle_hydrogen_burner" class="building_state_on fgc" onclick="toggle_building_state('hydrogen_burner')">开</button>
        </div>
        <div style="position: relative" class="hidden">
            <button onclick="destroy_building('reactor')" class="building_remove bgc" aria-label="Destroy Nuclear Reactor">X</button>
            <span id="building_reactor" class="building tooltip" onclick="purchase_building('reactor');" aria-describedby="tooltip_reactor" role="button">
                <span class="building_name"><span class="building_prefix"></span>核反应堆</span>
                <span class="building_amount">0</span>
                <span id="tooltip_reactor" class="tooltiptext fgc bgc_second" onclick="event.stopPropagation()"></span>
            </span>
            <button id="toggle_reactor" class="building_state_on fgc" onclick="toggle_building_state('reactor')">开</button>
        </div>

        <br />

        <!-- Converters (uses a resource to run)-->
        <div style="position: relative" class="hidden">
            <button onclick="destroy_building('mine')" class="building_remove bgc" aria-label="Destroy Mine">X</button>
            <span id="building_mine" class="building tooltip" onclick="purchase_building('mine');" aria-describedby="tooltip_mine" role="button">
                <span class="building_name"><span class="building_prefix"></span>矿井</span>
                <span class="building_amount">0</span>
                <span id="tooltip_mine" class="tooltiptext fgc bgc_second" onclick="event.stopPropagation()">Generates -1 money per second, 1 Stone per second.<br /> Costs 20 money.</span>
            </span>
            <button id="toggle_mine" class="building_state_on fgc" onclick="toggle_building_state('mine')">On</button>
        </div>
        <div style="position: relative" class="hidden">
            <button onclick="destroy_building('logging')" class="building_remove bgc" aria-label="Destroy Logging Camp">X</button>
            <span id="building_logging" class="building tooltip" onclick="purchase_building('logging');" aria-describedby="tooltip_logging" role="button">
                <span class="building_name"><span class="building_prefix"></span>伐木营地</span>
                <span class="building_amount">0</span>
                <span id="tooltip_logging" class="tooltiptext fgc bgc_second" onclick="event.stopPropagation()">Generates -1 money per second, 1 Wood per second.<br /> Costs 20 money.</span>
            </span>
            <button id="toggle_logging" class="building_state_on fgc" onclick="toggle_building_state('logging')">On</button>
        </div>
        <div style="position: relative" class="hidden" >
            <button onclick="destroy_building('furnace')" class="building_remove bgc" aria-label="Destroy Blast Furnace">X</button>
            <span id="building_furnace" class="building tooltip" onclick="purchase_building('furnace');" aria-describedby="tooltip_furnace" role="button">
                <span class="building_name"><span class="building_prefix"></span>熔炉</span>
                <span class="building_amount">0</span>
                <span id="tooltip_furnace" class="tooltiptext fgc bgc_second" onclick="event.stopPropagation()">
                    Generates 1 iron per second, 1 Coal per second, -5 Wood per second, -3 Iron ore per second.<br />
                    Costs 15 money, 30 stone.
                </span>
            </span>
            <button id="toggle_furnace" class="building_state_on fgc" onclick="toggle_building_state('furnace')">On</button>
        </div>
        <div style="position: relative" class="hidden">
            <button onclick="destroy_building('gold_finder')" class="building_remove bgc" aria-label="Destroy Gold Sifter">X</button>
            <span id="building_gold_finder" class="building tooltip" onclick="purchase_building('gold_finder');" aria-describedby="tooltip_gold_finder" role="button">
                <span class="building_name"><span class="building_prefix"></span>黄金筛</span>
                <span class="building_amount">0</span>
                <span id="tooltip_gold_finder" class="tooltiptext fgc bgc_second" onclick="event.stopPropagation()">Generates 0.1 gold per second, -20 stone per second.<br />Costs 100 money, 500 stone, 200 wood.</span>
            </span>
            <button id="toggle_gold_finder" class="building_state_on fgc" onclick="toggle_building_state('gold_finder')">On</button>
        </div>
        <div style="position: relative" class="hidden">
            <button onclick="destroy_building('compressor')" class="building_remove bgc" aria-label="Destroy Diamond Compressor">X</button>
            <span id="building_compressor" class="building tooltip" onclick="purchase_building('compressor');" aria-describedby="tooltip_compressor" role="button">
                <span class="building_name"><span class="building_prefix"></span>钻石压缩机</span>
                <span class="building_amount">0</span>
                <span id="tooltip_compressor" class="tooltiptext fgc bgc_second" onclick="event.stopPropagation()">Generates 0.1 diamond per second, -10 coal per second. <br />Costs 100 money, 500 stone, 200 iron.</span>
            </span>
            <button id="toggle_compressor" class="building_state_on fgc" onclick="toggle_building_state('compressor')">On</button>
        </div>
        <div style="position: relative" class="hidden">
            <button onclick="destroy_building('jeweler')" class="building_remove bgc" aria-label="Destroy Jeweler">X</button>
            <span id="building_jeweler" class="building tooltip" onclick="purchase_building('jeweler');" aria-describedby="tooltip_jeweler" role="button">
                <span class="building_name"><span class="building_prefix"></span>珠宝商</span>
                <span class="building_amount">0</span>
                <span id="tooltip_jeweler" class="tooltiptext fgc bgc_second" onclick="event.stopPropagation()">Generates -3 gold per second, -1 diamond per second, 1 jewelry per second.<br /> Costs 200 money, 750 stone</span>
            </span>
            <button id="toggle_jeweler" class="building_state_on fgc" onclick="toggle_building_state('jeweler')">On</button>
        </div>
        <div style="position: relative" class="hidden">
            <button onclick="destroy_building('glass_jeweler')" class="building_remove bgc" aria-label="Destroy Glassblower">X</button>
            <span id="building_glass_jeweler" class="building tooltip" onclick="purchase_building('glass_jeweler');" aria-describedby="tooltip_glass_jeweler" role="button">
                <span class="building_name"><span class="building_prefix"></span>玻璃吹制工</span>
                <span class="building_amount">0</span>
                <span id="tooltip_glass_jeweler" class="tooltiptext fgc bgc_second" onclick="event.stopPropagation()">  工具提示  </span>
            </span>
            <button id="toggle_glass_jeweler" class="building_state_on fgc" onclick="toggle_building_state('glass_jeweler')">开</button>
        </div>
        <div style="position: relative" class="hidden">
            <button onclick="destroy_building('jewelry_store')" class="building_remove bgc" aria-label="Destroy Jewelry Store">X</button>
            <span id="building_jewelry_store" class="building tooltip" onclick="purchase_building('jewelry_store');" aria-describedby="tooltip_jewelry_store" role="button">
                <span class="building_name"><span class="building_prefix"></span>珠宝店</span>
                <span class="building_amount">0</span>
                <span id="tooltip_jewelry_store" class="tooltiptext fgc bgc_second" onclick="event.stopPropagation()">Generates -1 jewelry per second, 400 money per second.<br /> Costs 5000 money, 500 stone, 500 wood.</span>
            </span>
            <button id="toggle_jewelry_store" class="building_state_on fgc" onclick="toggle_building_state('jewelry_store')">On</button>
        </div>
        <br />

        <!-- Machines (use energy) -->
        <div style="position: relative" class="hidden">
            <button onclick="destroy_building('paper_mill')" class="building_remove bgc" aria-label="Destroy Paper Mill">X</button>
            <span id="building_paper_mill" class="building tooltip" onclick="purchase_building('paper_mill');" aria-describedby="tooltip_paper_mill" role="button">
                <span class="building_name"><span class="building_prefix"></span>造纸厂</span>
                <span class="building_amount">0</span>
                <span id="tooltip_paper_mill" class="tooltiptext fgc bgc_second" onclick="event.stopPropagation()">Generates -1 energy per second, -3 wood per second, 1 paper per second.<br /> Costs 200 money, 200 iron, 100 oil.</span>
            </span>
            <button id="toggle_paper_mill" class="building_state_on fgc" onclick="toggle_building_state('paper_mill')">On</button>
        </div>
        <div style="position: relative" class="hidden">
            <button onclick="destroy_building('ink_refinery')" class="building_remove bgc" aria-label="Destroy Ink Refinery">X</button>
            <span id="building_ink_refinery" class="building tooltip" onclick="purchase_building('ink_refinery');" aria-describedby="tooltip_ink_refinery" role="button">
                <span class="building_name"><span class="building_prefix"></span>油墨精炼厂</span>
                <span class="building_amount">0</span>
                <span id="tooltip_ink_refinery" class="tooltiptext fgc bgc_second" onclick="event.stopPropagation()">Generates -1 energy per second, -3 oil per second, 1 ink per second.<br /> Costs 200 money, 200 iron, 100 oil.</span>
            </span>
            <button id="toggle_ink_refinery" class="building_state_on fgc" onclick="toggle_building_state('ink_refinery')">On</button>
        </div>
        <div style="position: relative" class="hidden">
            <button onclick="destroy_building('money_printer')" class="building_remove bgc" aria-label="Destroy Money Printer">X</button>
            <span id="building_money_printer" class="building tooltip" onclick="purchase_building('money_printer');" aria-describedby="tooltip_money_printer" role="button">
                <span class="building_name"><span class="building_prefix"></span>印钞机</span>
                <span class="building_amount">0</span>
                <span id="tooltip_money_printer" class="tooltiptext fgc bgc_second" onclick="event.stopPropagation()">Generates -1 energy per second, -2 paper per second, -1 ink per second, 30 money per second.<br /> Costs 500 money, 500 iron, 200 oil.</span>
            </span>
            <button id="toggle_money_printer" class="building_state_on fgc" onclick="toggle_building_state('money_printer')">On</button>
        </div>
        <div style="position: relative" class="hidden">
            <button onclick="destroy_building('book_printer')" class="building_remove bgc" aria-label="Destroy Printing Press">X</button>
            <span id="building_book_printer" class="building tooltip" onclick="purchase_building('book_printer');" aria-describedby="tooltip_book_printer" role="button">
                <span class="building_name"><span class="building_prefix"></span>印刷机</span>
                <span class="building_amount">0</span>
                <span id="tooltip_book_printer" class="tooltiptext fgc bgc_second" onclick="event.stopPropagation()">Generates -1 energy per second, -2 paper per second, -1 ink per second, 0.1 book per second.<br /> Costs 500 money, 500 iron, 200 oil.</span>
            </span>
            <button id="toggle_book_printer" class="building_state_on fgc" onclick="toggle_building_state('book_printer')">On</button>
        </div>
        <div style="position: relative" class="hidden">
            <button onclick="destroy_building('hydrogen_gen')" class="building_remove bgc" aria-label="Destroy Electrolysis Machine">X</button>
            <span id="building_hydrogen_gen" class="building tooltip" onclick="purchase_building('hydrogen_gen');" aria-describedby="tooltip_hydrogen_gen" role="button">
                <span class="building_name"><span class="building_prefix"></span>电解机</span>
                <span class="building_amount">0</span>
                <span id="tooltip_hydrogen_gen" class="tooltiptext fgc bgc_second" onclick="event.stopPropagation()">Generates -2 energy per second, -1 water per second, 2 hydrogen per second.<br /> Costs 2500 money, 500 glass.</span>
            </span>
            <button id="toggle_hydrogen_gen" class="building_state_on fgc" onclick="toggle_building_state('hydrogen_gen')">On</button>
        </div>
        <div style="position: relative" class="hidden">
            <button onclick="destroy_building('fuel_maker')" class="building_remove bgc" aria-label="Destroy Fuel Synthesizer">X</button>
            <span id="building_fuel_maker" class="building tooltip" onclick="purchase_building('fuel_maker');" aria-describedby="tooltip_fuel_maker" role="button">
                <span class="building_name"><span class="building_prefix"></span>燃料合成器</span>
                <span class="building_amount">0</span>
                <span id="tooltip_fuel_maker" class="tooltiptext fgc bgc_second" onclick="event.stopPropagation()"></span>
            </span>
            <button id="toggle_fuel_maker" class="building_state_on fgc" onclick="toggle_building_state('fuel_maker')">On</button>
        </div>
        <div style="position: relative" class="hidden">
            <button onclick="destroy_building('magnet')" class="building_remove bgc" aria-label="Destroy Giant Magnet">X</button>
            <span id="building_magnet" class="building tooltip" onclick="purchase_building('magnet');" aria-describedby="tooltip_magnet" role="button">
                <span class="building_name"><span class="building_prefix"></span>巨型磁铁</span>
                <span class="building_amount">0</span>
                <span id="tooltip_magnet" class="tooltiptext fgc bgc_second" onclick="event.stopPropagation()"></span>
            </span>
            <button id="toggle_magnet" class="building_state_on fgc" onclick="toggle_building_state('magnet')">开</button>
        </div>
        <div style="position: relative" class="hidden">
            <button onclick="destroy_building('book_boost')" class="building_remove bgc" aria-label="Destroy Book Recycler">X</button>
            <span id="building_book_boost" class="building tooltip" onclick="purchase_building('book_boost');" aria-describedby="tooltip_book_boost" role="button">
                <span class="building_name"><span class="building_prefix"></span>书籍回收器</span>
                <span class="building_amount">0</span>
                <span id="tooltip_book_boost" class="tooltiptext fgc bgc_second" onclick="event.stopPropagation()"></span>
            </span>
            <button id="toggle_book_boost" class="building_state_on fgc" onclick="toggle_building_state('book_boost')">开</button>
        </div>
        <div style="position: relative" class="hidden">
            <button onclick="destroy_building('steel_smelter')" class="building_remove bgc" aria-label="Destroy Steel Foundry">X</button>
            <span id="building_steel_smelter" class="building tooltip" onclick="purchase_building('steel_smelter');" aria-describedby="tooltip_steel_smelter" role="button">
                <span class="building_name"><span class="building_prefix"></span>铸钢厂</span>
                <span class="building_amount">0</span>
                <span id="tooltip_steel_smelter" class="tooltiptext fgc bgc_second" onclick="event.stopPropagation()"></span>
            </span>
            <button id="toggle_steel_smelter" class="building_state_on fgc" onclick="toggle_building_state('steel_smelter')">On</button>
        </div>
        <div style="position: relative" class="hidden">
            <button onclick="destroy_building('mithril_smelter')" class="building_remove bgc" aria-label="Destroy Mithril Forge">X</button>
            <span id="building_mithril_smelter" class="building tooltip" onclick="purchase_building('mithril_smelter');" aria-describedby="tooltip_mithril_smelter" role="button">
                <span class="building_name"><span class="building_prefix"></span>秘银锻造</span>
                <span class="building_amount">0</span>
                <span id="tooltip_mithril_smelter" class="tooltiptext fgc bgc_second" onclick="event.stopPropagation()"></span>
            </span>
            <button id="toggle_mithril_smelter" class="building_state_on fgc" onclick="toggle_building_state('mithril_smelter')">On</button>
        </div>
        <div style="position: relative" class="hidden">
            <button onclick="destroy_building('drill')" class="building_remove bgc" aria-label="Destroy Giant Drill">X</button>
            <span id="building_drill" class="building tooltip" onclick="purchase_building('drill');" aria-describedby="tooltip_drill" role="button">
                <span class="building_name"><span class="building_prefix"></span>巨型钻</span>
                <span class="building_amount">0</span>
                <span id="tooltip_drill" class="tooltiptext fgc bgc_second" onclick="event.stopPropagation()"></span>
            </span>
            <button id="toggle_drill" class="building_state_on fgc" onclick="toggle_building_state('drill')">On</button>
        </div>
        <br />

        <!-- Managed Buildings -->
        <div style="position: relative" class="hidden">
            <button onclick="destroy_building('big_bank')" class="building_remove bgc" aria-label="Destroy Investment Company">X</button>
            <span id="building_big_bank" class="building tooltip" onclick="purchase_building('big_bank');" aria-describedby="tooltip_big_bank" role="button">
                <span class="building_name"><span class="building_prefix"></span>投资公司</span>
                <span class="building_amount">0</span>
                <span id="tooltip_big_bank" class="tooltiptext fgc bgc_second" onclick="event.stopPropagation()">Generates -1 manager, 50 money per second.<br />Costs 5000 money, 5000 stone, 100 glass.<hr><i style='font-size: small'>严肃的交易</i></span>
            </span>
            <button id="toggle_big_bank" class="building_state_on fgc" onclick="toggle_building_state('big_bank')">On</button>
        </div>
        <div style="position: relative" class="hidden">
            <button onclick="destroy_building('big_mine')" class="building_remove bgc" aria-label="Destroy Strip Mine">X</button>
            <span id="building_big_mine" class="building tooltip" onclick="purchase_building('big_mine');" aria-describedby="tooltip_big_mine" role="button">
                <span class="building_name"><span class="building_prefix"></span>露天矿</span>
                <span class="building_amount">0</span>
                <span id="tooltip_big_mine" class="tooltiptext fgc bgc_second" onclick="event.stopPropagation()">Generates -1 manager, -150 money per second, 50 stone per second, 10 iron ore per second, 3 coal per second, 2 iron per second, 0.5 gold per second, 0.1 diamond per second, 20 sand per second.<br />Costs 10000 money, 100 steel beam, 10000 wood.</span>
            </span>
            <button id="toggle_big_mine" class="building_state_on fgc" onclick="toggle_building_state('big_mine')">On</button>
        </div>

        <br />

        <!-- Adventure Buildings -->
        <div style="position: relative" class="hidden">
            <span id="building_hydrogen_mine" class="building tooltip" aria-describedby="tooltip_hydrogen_mine" role="button">
                <span class="building_name"><span class="building_prefix"></span>氢矿</span>
                <span class="building_amount">0</span>
                <span id="tooltip_hydrogen_mine" class="tooltiptext fgc bgc_second" onclick="event.stopPropagation()"></span>
            </span>
            <button id="toggle_hydrogen_mine" class="building_state_on fgc" onclick="toggle_building_state('hydrogen_mine')">On</button>
        </div>
        <div style="position: relative" class="hidden">
            <span id="building_mana_purifier" class="building tooltip" aria-describedby="tooltip_mana_purifier" role="button">
                <span class="building_name"><span class="building_prefix"></span>法力净化器</span>
                <span class="building_amount">0</span>
                <span id="tooltip_mana_purifier" class="tooltiptext fgc bgc_second" onclick="event.stopPropagation()"></span>
            </span>
            <button id="toggle_mana_purifier" class="building_state_on fgc" onclick="toggle_building_state('mana_purifier')">On</button>
        </div>
        <div style="position: relative" class="hidden">
            <span id="building_omega_machine" class="building tooltip" aria-describedby="tooltip_omega_machine" role="button">
                <span class="building_name"><span class="building_prefix"></span>Omega Machine</span>
                <span class="building_amount">0</span>
                <span id="tooltip_omega_machine" class="tooltiptext fgc bgc_second" onclick="event.stopPropagation()"></span>
            </span>
            <button id="toggle_omega_machine" class="building_state_on fgc" onclick="toggle_building_state('omega_machine')">On</button>
        </div>
        <div style="position: relative" class="hidden">
            <span id="building_challenge_basic" class="building tooltip" aria-describedby="tooltip_challenge_basic" role="button">
                <span class="building_name"><span class="building_prefix"></span>Basic Booster</span>
                <span class="building_amount">0</span>
                <span id="tooltip_challenge_basic" class="tooltiptext fgc bgc_second" onclick="event.stopPropagation()"></span>
            </span>
            <button id="toggle_challenge_basic" class="building_state_on fgc" onclick="toggle_building_state('challenge_basic')">On</button>
        </div>
        <div style="position: relative" class="hidden">
            <span id="building_challenge_medium" class="building tooltip" aria-describedby="tooltip_challenge_medium" role="button">
                <span class="building_name"><span class="building_prefix"></span>Fancy Booster</span>
                <span class="building_amount">0</span>
                <span id="tooltip_challenge_medium" class="tooltiptext fgc bgc_second" onclick="event.stopPropagation()"></span>
            </span>
            <button id="toggle_challenge_medium" class="building_state_on fgc" onclick="toggle_building_state('challenge_medium')">On</button>
        </div>
        <div style="position: relative" class="hidden">
            <span id="building_challenge_advanced" class="building tooltip" aria-describedby="tooltip_challenge_advanced" role="button">
                <span class="building_name"><span class="building_prefix"></span>Mythical Booster</span>
                <span class="building_amount">0</span>
                <span id="tooltip_challenge_advanced" class="tooltiptext fgc bgc_second" onclick="event.stopPropagation()"></span>
            </span>
            <button id="toggle_challenge_advanced" class="building_state_on fgc" onclick="toggle_building_state('challenge_advanced')">On</button>
        </div>
    <!-- End of building list. -->
    </div>
    <div id="upgrades">
        <span id="save" onclick="save();">保存</span>
        <span id="prestige" onclick="prestige.run();" class="tooltip">
            <span>声望</span>
            <span class="tooltiptext fgc bgc_second">
                从声望中获得法力值取决于你拥有多少资源以及它们是什么类型的资源。 <br />
                法力提供了许多不同的独特建筑! <br />
                <span id="prestige_suggest"></span>
            </span>
        </span>
        <span id="all_on" onclick="Object.keys(buildings).forEach(function (build) { if (!buildings[build].on && SPELL_BUILDINGS.indexOf(build) == -1) { toggle_building_state(build);}});">全部&nbsp;开启</span>
        <span id="all_off" onclick="Object.keys(buildings).forEach(function (build) { if (buildings[build].on && SPELL_BUILDINGS.indexOf(build) == -1) { toggle_building_state(build);}});">全部&nbsp;关闭</span>
        <div class="hidden">
            <span id="production_box" class="clickable fgc bgc_second" onclick="$('#production_manager').toggleClass('hidden')">分组</span><br />
            <div id="production_manager" class="hidden" style="z-index: 1;">
                <div class="clickable fgc bgc_second" style="width: 35em; position: relative; top: -0.4em; display: flex;">
                    <div id="group_names" style="width: 15em; border-right: solid 1px;"></div>
                    <div id="group_data" style="width: 20em;">
                        
                    </div>
                </div>
            </div>
        </div>
        <div id="log" aria-live="polite">
        </div>
        

        <ul>
        </ul>
        <textarea id="scratchpad" placeholder="This is the scratchpad. You can keep notes here. Probably about the game, but if you want to keep your grandma's cookie recipe here I won't stop you" class="hidden fgc bgc_second" ></textarea>

    </div>
    <div id="events" class="hidden fgc bgc_second">
        <div class="window_topbar">
            <span id="events_topbar">发生了一些事</span>
            <span id="close_events" onclick="$('#events').addClass('hidden'); $('#events_content').html(''); $('#character').addClass('hidden');">X</span>
        </div>
        <div id="events_content"></div>
    </div>
    <div id="character" class="hidden fgc bgc_second">
        <div class="window_topbar">您的材料</div>
        <div id="character_content"></div>
    </div>
    <!--客服 开始-->
<link rel="stylesheet" href="https://likexia.gitee.io/game/css/kf.css" type="text/css" media="screen" charset="utf-8">
<script src="https://likexia.gitee.io/game/js/kf.js"></script>
<!-- 客服 结束 -->
    <div id="settings" class="hidden fgc bgc_second">
        <div class="window_topbar">
            设置
            <span id="close_settings" onclick="$('#settings').addClass('hidden');">X</span>
        </div>
        <div id="settings_content">
            <b>重要的链接和资源</b><br />
            <a href="changelog.txt" target="_blank" class="fgc">更新日志</a> |
            <a href="http://crappy-incremental.wikia.com/wiki/Crappy_Incremental_Wiki" target="_blank" class="fgc">Wiki</a> |
            <a href="https://discord.gg/78AGWku" target="_blank" class="fgc">Discord</a> |
            <a href="#" class="fgc" onclick="save_to_clip()">导出</a> |
            <a href="#" class="fgc" onclick="save_to_file()">导出 (文件)</a> |
            <a href="#" class="fgc" onclick="load_from_clip()">导入</a> |
            <label for="importFile" class="fgc">导入 (文件) </label>
            <input type="file" id="importFile" style="opacity:0;display:contents" onchange="load_from_file()"><br />
            <br />
            <b>设置</b><br />
            <select id="theme_select" class="fgc bgc_second" onchange="if (event.target.value == 'crazy' && !confirm('Seizure warning: This has quickly flashing colors. Proceed?')) { return; } change_theme(event.target.value)">
                <option value="light">开灯</option>
                <option value="dark">关灯</option>
                <option value="crazy">闪光灯!</option>
                <option value="halloween">灯光幽灵</option>
                <option value="christmas">圣诞灯</option>
                <option value="darkpurple">紫色灯</option>

            </select> |
            <a href="#" class="fgc" id="update_speed_setting" onclick="change_update()">慢速更新</a> |
            <a href="#" class="fgc" id="update_notation" onclick="change_notation()">科学数字格式</a> |
            <a href="#" class="fgc" id="update_cath_setting" onclick="cath_notifications()">小猫通知关闭</a><br />
            <a href="#" class="fgc" id="update_confirms" onclick="toggle_confirms()">启用确认框</a><br />
            <a href="#" class="fgc hidden" id="update_autoupgrade" onclick="toggle_autoupgrade()">自动升级 开启</a><br />

            <br />
            <b>捐赠</b><br />
            <a href="https://www.patreon.com/fuzzything44" target="_blank" class="fgc">Patreon</a><br />
            <br />

            <table>
                <caption>快捷键</caption>
                <tr>
                    <th>按键</th><th>作用</th>
                </tr>
                <tr>
                    <td>0-9</td><td>选择事件选项</td>
                </tr>
                <tr>
                    <td>F</td><td><b>F</b>orce 事件</td>
                </tr>
                <tr>
                    <td>C</td><td><b>C</b>hoose 事件</td>
                </tr>
                <tr>
                    <td>T</td><td>Speed/Slow <b>T</b>ime</td>
                </tr>
                <tr>
                    <td>A</td><td><b>A</b>dventure</td>
                </tr>
                <tr>
                    <td>B</td><td>Magic <b>B</b>ag</td>
                </tr>
                <tr>
                    <td>E</td><td><b>E</b>ssence Tower</td>
                </tr>
                <tr>
                    <td>R</td><td><b>R</b>efine Mana</td>
                </tr>
                <tr>
                    <td>+</td><td>Increase Thaumaturgic Converter</td>
                </tr>
                <tr>
                    <td>-</td><td>Decrease Thaumaturgic Converter</td>
                </tr>
                <tr>
                    <td>S</td><td>Open/Close <b>S</b>ettings</td>
                </tr>
            </table>
            <br />
            <b>重置按钮</b><br />
            重置你的全部游戏进度，这是没有奖励的!<br />
            <span id="reset" style="background-color: #f22" onclick="if(confirm('你确定吗？ 这会重置所有东西！') && prompt('如果你绝对确认, 请输入 \'reset\'.') == 'reset') { localStorage.clear(); location.reload();}"><span>重置</span></span><br />
        </div>
    </div>
<!--客服 开始-->
<script src="//g8hh.com/static/js/jquery.min.js"></script>
<link rel="stylesheet" href="//g8hh.com/static/css/kf.css" type="text/css" media="screen" charset="utf-8">
<script src="//g8hh.com/static/js/kf.js"></script>
<!-- 客服 结束 -->
<!--站长统计-->
    <div style="display: none">
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?dbb7ff142f4d4b68546c93b9cd6e9328";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
    </div>
</body>
</html>
